<!doctype html>
<html lang="en">

<head>
  <title>SD-闪达工作室</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="stylesheet" href="css/bootstrap.css">
  <link rel="stylesheet" href="css/font-awesome.css">
  <link rel="stylesheet" href="css/public.css">
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/stylem.css">
  <link rel="stylesheet" href="css/stylean.css">

  <script src="js/jquery-3.3.1.js"></script>
  <script src="js/popper.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/app.js"></script>
</head>

<body>
  <!-- 头部 -->
  <div class="header ShowPC">
    <nav class="head">
      <!-- logo -->
      <div class="header_logo_out">
        <div class="header_logo">
          <img class="img-fluid header_logo_img" src="img/head/logow.png" alt="">
        </div>
      </div>
      <div class="header_link">
        <ul>
          <li>
            <a href="index.html">首页</a>
          </li>
          <li>
            <a href="Web.html">前端</a>
          </li>
          <li>
            <a href="Life.html">生活</a>
          </li>
          <li>
            <a href="Story.html">故事</a>
          </li>
          <li>
            <a href="About.html">关于</a>
          </li>
          <li>
            <a href="Contact.html">联系</a>
          </li>
        </ul>
      </div>
    </nav>
  </div>

  <!-- 内容 -->
  <div class="content content_life">
    <!-- 1 -->
    <div class="life_content1">
      <div id="carouselId" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
          <li data-target="#carouselId" data-slide-to="0" class="active"></li>
          <li data-target="#carouselId" data-slide-to="1"></li>
          <li data-target="#carouselId" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner" role="listbox">
          <div class="carousel-item active">
            <img class="w-100" src="img/weblist/1.jpg" alt="First slide">
            <div class="carousel-caption d-none d-md-block">
            </div>
          </div>
          <div class="carousel-item">
            <img class="w-100" src="img/weblist/2.jpg" alt="Second slide">
            <div class="carousel-caption d-none d-md-block">
            </div>
          </div>
          <div class="carousel-item">
            <img class="w-100" src="img/weblist/3.jpg" alt="Third slide">
            <div class="carousel-caption d-none d-md-block">
            </div>
          </div>
        </div>
        <a class="carousel-control-prev" href="#carouselId" role="button" data-slide="prev">
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselId" role="button" data-slide="next">
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </a>
      </div>
    </div>
    <!-- 2 -->
    <div class="life_content2">
      <div class="life_con2_title text-center">
        属于我们的日常<a href="LifeUs.html" style="font-size: 11px;">(点击了解更多)</a>
      </div>
      <div class="life_con2_text text-center">
        生活是河流，那细节是点点水花;生活是森林，那细节就是葱郁的树木;生活是天空，那细节就是可爱的白云。细节的美丽拼出了生活的多彩!
      </div>
      <div class="life_con2_img text-center">
        <img src="img/life/001.png" alt="">
      </div>
    </div>
  </div>
  <!-- 3 -->
  <div class="life_content3">
    <div class="container">
      <div class="row">
        <div class="col-12 col-xs-12 col-sm-6 col-lg-4 life_con3_con_out">
          <div class="life_con3_con">
            <div class="life_con3_img">
              <img class="w-100" src="img/life/01.jpg" alt="">
            </div>
            <div class="life_con3_txt">
              <div class="life_con3_title text-center">
                岁月
              </div>
              <div class="life_con3_text text-center">
                哪知岁月总是催人老，等到知时已迟了
              </div>
            </div>
          </div>
        </div>
        <div class="col-12 col-xs-12 col-sm-6 col-lg-4 life_con3_con_out">
          <div class="life_con3_con">
            <div class="life_con3_img">
              <img class="w-100" src="img/life/02.jpg" alt="">
            </div>
            <div class="life_con3_txt">
              <div class="life_con3_title text-center">
                风景
              </div>
              <div class="life_con3_text text-center">
                再美的风景，也需要欣赏他的人
              </div>
            </div>
          </div>
        </div>
        <div class="col-12 col-xs-12 col-sm-6 col-lg-4 life_con3_con_out">
          <div class="life_con3_con">
            <div class="life_con3_img">
              <img class="w-100" src="img/life/03.jpg" alt="">
            </div>
            <div class="life_con3_txt">
              <div class="life_con3_title text-center">
                旅行日记
              </div>
              <div class="life_con3_text text-center">
                旅行重要的不是终点，而是过程
              </div>
            </div>
          </div>
        </div>
        <div class="col-12 col-xs-12 col-sm-6 col-lg-4 life_con3_con_out">
          <div class="life_con3_con">
            <div class="life_con3_img">
              <img class="w-100" src="img/life/04.jpg" alt="">
            </div>
            <div class="life_con3_txt">
              <div class="life_con3_title text-center">
                相爱的人
              </div>
              <div class="life_con3_text text-center">
                犹如黑暗中的烛光，照亮了整个人类的历史
              </div>
            </div>
          </div>
        </div>
        <div class="col-12 col-xs-12 col-sm-6 col-lg-4 life_con3_con_out">
          <div class="life_con3_con">
            <div class="life_con3_img">
              <img class="w-100" src="img/life/05.jpg" alt="">
            </div>
            <div class="life_con3_txt">
              <div class="life_con3_title text-center">
                建筑
              </div>
              <div class="life_con3_text text-center">
                不同的是外形，相同的是内在
              </div>
            </div>
          </div>
        </div>
        <div class="col-12 col-xs-12 col-sm-6 col-lg-4 life_con3_con_out">
          <div class="life_con3_con">
            <div class="life_con3_img">
              <img class="w-100" src="img/life/06.jpg" alt="">
            </div>
            <div class="life_con3_txt">
              <div class="life_con3_title text-center">
                大自然
              </div>
              <div class="life_con3_text text-center">
                有一种神奇叫做孤独的孕育
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <img class="img-fluid" src="img/home/1.jpg" alt="">
  <!-- 底部导航 -->
  <div class="footer ShowPC">
    <div class="container">
      <div class="row">
        <div class="col-12  footer_inner">
          <div class="footer_inner_01">
            <div class="footer_inner_0101">
              友情链接:
              <span class="footer_inner_0101_01">
                <a href="https://space.bilibili.com/412495284">SD工作室</a>

              </span>

            </div>
          </div>
          <div class="footer_inner_02">Copyright 2021 2018197-SD闪达工作小组</div>
        </div>
      </div>
    </div>
  </div>
  <!-- <script src="js/web_canvas01.js"></script> -->
  <script src="js/web_canvas02.js"></script>
</body>


</html>